// 封装购物车模块

import { defineStore } from "pinia"
import { computed, ref } from "vue"
import { useUserStore } from "./userStore"
import { insertCartAPI, findNewCartListAPI, delCartAPI } from "@/apis/cart"

export const useCartStore = defineStore('cart', () => {
    const userStore = useUserStore()
    const isLogin = computed(() => userStore.userInfo.token)
    // 1、定义state - cartList
    const cartList = ref([])
    // 获取最新购物车列表
    const updateNewList = async () => {
        const res = await findNewCartListAPI()
        cartList.value = res.result
    }
    // 2、定义action - addCart
    const addCart = async (goods) => {
        const {skuId, count} = goods

        // 用户已登录 + 未登录
        if (isLogin.value) {
            // 登录之后加入购物车逻辑  调用购物车接口添加购物车操作
            // 先加入购物车
            await insertCartAPI({skuId, count})
            // 然后获取最新的购物车接口
            // 最后赋值
            updateNewList()
        } else {
            // 用户未登录 商品加入购物放在本地
            // 添加购物车操作
            // 已添加过 - count + goods.count
            // 没有添加过 - 直接push
            // 思路：通过匹配传递过来的商品对象中的skuId能不能在cartList中找到，找到了就添加过了
            const item = cartList.value.find((item) => goods.skuId === item.skuId)
            if (item) {
                // 找到了
                item.count += goods.count
            } else {
                // 没有找到
                cartList.value.push(goods)
            }
        }
    }

    // 删除购物车
    const delCart = async (skuId) => {
        if (isLogin.value) {
            // 调用接口实现接口购物车中的删除功能
            await delCartAPI([skuId])
            // 然后获取最新的购物车接口
            // 最后赋值
            updateNewList()
        } else {
            // 思路： 
            // 1、找到删除项的下标值， - splice
            // 2、使用数组的过滤方法 - filter
            const idx = cartList.value.findIndex(item => skuId === item.skuId)
            cartList.value.splice(idx, 1)
        }
    }
    // 清除购物车
    const clearCart = () => {
        cartList.value = []
    }

    // 复选功能
    const singleCheck = (skuId, selected) => {
        // 通过skuId找到要修改的那一项 然后把它的selected修改为传过来的selected值
        const item = cartList.value.find((item) => item.skuId === skuId)
        item.selected = selected
    }
    // 全选功能
    const allCheck = (selected) => {
        // 把cartList中的每一项的selected都设置成当前全选框的状态
        cartList.value.forEach(item => item.selected = selected) 
    }

    // 计算属性 getter
    // 1、总的数量 所有项的count之和
    const allCount = computed(() => {
        return cartList.value.reduce((a, c) => a + c.count, 0)
    })
    // 2、总价 所有项的count * price之和
    const allprice = computed(() => {
        return cartList.value.reduce((a, c) => a + c.count * c.price, 0)
    })
    // 3、已选择数量
    const selectedCount = computed(() => cartList.value.filter(item => item.selected).reduce((a, c) => a + c.count, 0))
    // 4、已选择商品价格合计
    const selectePrice = computed(() => cartList.value.filter(item => item.selected).reduce((a, c) => a + c.count * c.price, 0))

    // 是否全选
    const isAll = computed(()=>{
       return cartList.value.every((item) => item.selected)
    })

    return {
        cartList,
        addCart,
        delCart,
        singleCheck,
        allCheck,
        clearCart,
        updateNewList,
        allCount,
        allprice,
        selectedCount,
        selectePrice,
        isAll
    }
},
{
    persist: true,
})